Summary

• Add a maxLength prop to TextField that displays a character counter (e.g., 0/50) alongside helper text or the error message
• Counter turns bold when within 5 characters of the limit and red when the limit is reached
• Native maxLength is also forwarded to the underlying input/textarea for browser enforcement

Test plan

• Verify counter displays correctly with helper text (right-aligned on the same row)
• Verify counter displays correctly with error and no helper text (same row as error)
• Verify counter turns bold within 5 characters of the limit
• Verify counter turns red when the limit is reached or field is invalid
• Verify disabled state reduces counter opacity
• Verify no visual changes when maxLength is not provided
• Check WithCharacterLimit stories in Storybook